<template>
      <div class="brief-introduction-area">
            <Header :isTransparentBackground="false"></Header>
            <div class="pt-gap-comm brief-introduction-main-box">
                  <!-- banner 及 辅助导航栏 开始 -->
                  <PageBanner pictureLink="https://www.tencent.com/img/banners/brief-1-1.jpg" :dataIndex="0"
                        majorHeading="京咛科技"></PageBanner>
                  <!-- banner 及 辅助导航栏 结束 -->
                  <template v-for="(briefIntroductionItem, briefIntroductionIndex) in headerList[0].subList" :key="briefIntroductionIndex">
                        <a :name="briefIntroductionItem.anchor_point"></a>
                        <component class="comm-item" :id="briefIntroductionItem.anchor_point" :is="data.componentList[briefIntroductionIndex].componentName" 
                        :moduleTitle="briefIntroductionItem.sub_text" />
                  </template>
            </div>
            <CopyRight></CopyRight>
      </div>
</template>

<script lang="ts" setup>
import { onMounted, onUpdated, reactive, ref } from 'vue'
import { useRoute } from 'vue-router'
import { headerList } from '@/config/assets.config'

// 导航栏组件
import Header from '@/components/client/common/header/index.vue'
// 版权组件
import CopyRight from '@/components/client/common/copyright/index.vue'
import PageBanner from '@/components/client/common/pageBanner/index.vue'

import BusinessArchitecture from '@/components/client/briefIntroduction/businessArchitecture.vue'
import CompanyProfile from '@/components/client/briefIntroduction/companyProfile.vue'
import CorporateCulture from '@/components/client/briefIntroduction/corporateCulture.vue'
import ManagementTeam from '@/components/client/briefIntroduction/managementTeam.vue'
import MissionVision from '@/components/client/briefIntroduction/missionVision.vue'
import OfficeLocation from '@/components/client/briefIntroduction/officeLocation.vue'

let data = reactive({
      componentList: [
            { componentName: CompanyProfile}, 
            { componentName: MissionVision }, 
            { componentName: BusinessArchitecture },
            { componentName: ManagementTeam }, 
            { componentName: CorporateCulture }, 
            { componentName: OfficeLocation }
      ]
})

let route = useRoute()

onMounted(() => {

})
onUpdated(() => {

})
</script>